<style type="text/css">
<!--
/****** start base css ******/
html, body, form, fieldset, h1, h2, ul, li, p, th, br, img { padding: 0; margin: 0; list-style: none; font-weight: normal; border: 0; }
html { background-color: #333; }
body { font-family: tahoma,arial,helvetica,sans-serif; width: 946px; margin: 2px auto; font-size: 11px; color: #555; }
a { outline: none; text-decoration: none; color: #000; }
a:hover { color: #ccc; }
a.blue, .league-table .fs a, .league-multi .hs a { color: #00f; }
a.blue:hover, .league-table .fs a:hover, .league-table .fs:hover, .league-multi .hs a:hover { color: #00f; text-decoration: underline; cursor: pointer; }
h2, h3, th, fieldset { font-size: 12px; }
h1 { font: bold 12px Verdana, Arial, Sans-serif;}
h2 { color: #ccc; background: #333; font-weight: bold; padding: 4px; }
sup {font-size: 8px;}

/* misc */
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.tright { text-align: right!important; }
.tleft { text-align: left!important; }
.tcenter { text-align: center!important; }
.hidden {display: none;}
.ml5 { margin-left: 5px; }
.mbn { margin-bottom: 0!important; }
.mtn { margin-top:  }
.bb { border-bottom: solid 1px #666!important; }
.bt { border-top: solid 1px #666!important; }
.br { border-right: solid 1px #666; }
.bbn { border-bottom: none!important; }
.btn { border-top: none!important; }
.p5 { padding: 4px; }
.mt4 {margin-top: 4px;}
.ml4 {margin-left: 4px;}
.mr4 {margin-right: 4px;}
.pr4 { padding-right: 4px!important; }
.pl4 { padding-left: 4px!important; }
.back { text-align: right; color: #ccc; font-size: 12px; }
.back a { color: #FFCC66; }
.back a:hover { color: #fff; text-decoration: underline;}
td.space { background: #000!important; border: none!important; padding: 0!important; }
td.space span { border-top: solid 1px #666; border-bottom: solid 1px #666; display: block; margin: 10px 0 6px; height: 1px; line-height: 1px; }
iframe {border: 0; overflow:hidden;}
.sm {font-size: 11px!important}
.the-gap {height: 60px;}
.bh th {background: #333!important; color: #aaa!important;}

/* header */
.header {background: #111;}
.wrapper { border: solid 1px #666; width: 866px; background-repeat: repeat-y; background-position: left top; background-color: #111; }
.nav { color: #ccc; background: #333; }
.nav li { display: inline-block; float: left; font-weight: bold; border-right: solid 1px #000; }
.nav a { line-height: 20px; height: 20px; color: #666; border-left: solid 1px #666; text-align: center; display: block; }
.nav li a {width: 120px;}
.nav li a.m4 {width: 100px;}
.nav li.first a { border-left: none; }
.nav li:last-child {border-right: none;}
.nav a.selected, .nav a:hover, .right-bar .buttons a { color: #f60; }

.ad { padding: 0 4px 2px;}
.top-add { padding: 4px 4px 2px; margin-right: 2px; text-align: center; width: 200px; }
.big-add { text-align: center; width: 728px; float: left; padding: 4px 4px 2px; }
.tagline { width: 300px; text-align: center; height: 75px; }
.tagline h2 {color: #555; background: none; padding:0; font-weight: normal; font-size: 11px;}
.tagline a, .footer a {color: #555!important;}
.tagline a:hover {color: #ccc!important;}

/*content */
.content { float: both; padding: 0 4px 4px; width: 524px; }

.cal {background: #cfcfcf;}
.cal a, .tab a {float: left; width: 70px; text-align: center; line-height: 17px; background: #cfcfcf; border-right: solid 1px #666; cursor: pointer; }
.cal a.last {border-right: none;}
.tab a {width: 129px;}
.tab a.first {width: 132px;}
.cal a.selected, .tab a.selected, .cal a.selected:hover, .tab a.selected:hover {background: #666!important; color: #cfcfcf!important; cursor: default;}
.cal a:hover, .tab a:hover {background: #FEF3BE; color: #000;}
.cal a.today  {width: 82px;}
.cal-wrap {border: solid 1px #666;margin-top: 4px; margin-bottom: 4px; padding: 7px;}
.cal-wrap .cal-long a {width: 125px;}
.cal-wrap .cal-long.cal-cup a {width: 101px;}
.cal-wrap .cal-long a.last {border-right: none; width: 130px}
.cal-wrap .cal-long.cal-cup a.last {width: 100px;}
.cal-wrap.cal-wrap2 .cal-long a {width: 253px;}
.cal-wrap.cal-wrap3 .cal-long a:first-child {width: 169px;}
.cal-wrap.cal-wrap3 .cal-long a {width: 168px;}

.tab {border-left: solid 1px #666; border-top: 0; border-bottom: 0; margin:0; background: #444}

.league-table, .league-wc, .league-multi, .league-cricket, .right-bar .league-table { color: #000; border-collapse: collapse; width: 100%; margin-top: 4px; background: #dfdfdf;}
.league-table .league a, .league-multi th a, .league-wc th a {color: #ccc;text-decoration: underline;}
.league-table .league a:hover, .league-multi th a:hover, .league-wc th a:hover {color: #fff;}

/* footer */
.footer { background: #111; padding: 0 4px; line-height: 20px; height: 20px; }

th .league, th .date { display: block; height: 18px; line-height: 18px; }
th .league { margin-left: 4px; float: left; }
th .date { margin-right: 4px; font-size: 11px; float: right; }

tr.menu th { color: #666; text-align: center; font-weight: bold; font-size: 11px; }
tr.menu th a:hover { color: #fff; text-decoration: none; }

/****** end base css ******/

/* soccer */
.league-table th { color: #ccc; height: 22px; background-color: #333; text-align: left; border-top: solid 1px #666; border-bottom: solid 1px #666; }
.league-table th.footer {color: #ddd;}
.league-table td { background-color: #cfcfcf; padding: 2px 0; border-bottom: solid 1px #666; }
.league-table .even td { background-color: #dfdfdf; }
.league-table .fd { width: 42px; padding-left: 4px; min-width: 42px;max-width: 42px; }
.league-table .fh, .league-table .fa { width: 185px; min-width: 185px;max-width: 185px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.league-table .fh { text-align: right; }
.league-table .fs { width: 52px; text-align: center; min-width: 52px;max-width: 52px;}
.league-table .fs:hover {text-decoration: none!important; cursor: default!important; color: black;}

.match-details .inc { background-repeat: no-repeat; width: 13px; height: 13px; display: block; }
.match-details .yellowcard { background-position: 0 -125px; }
.match-details .redcard { background-position: 0 -140px; }
.match-details .redyellowcard { background-position: 0 -155px; }
.match-details .goal { background-position: 0 -171px; }
.match-details .sub-out { background-position: 0 -404px;}
.match-details .sub-in { background-position: 0 -425px; }
.match-details .goal-miss { background-position: 0 -381px; }
.match-details .empty {background-position: -2000px 0;}
.match-details .inc.right {margin-left: 3px;}
.match-details .inc.left {margin-right: 3px;}

.match-details { border-collapse: collapse; }
.match-details th { font-weight: bold; text-align: center; height:28px; border: none; color: #ddd }
.match-details td.header {text-align: center;background-color: #dfdfdf;border-bottom: solid 1px #333;}
.match-details .stats td {border-bottom: none;}
.match-details .min { width: 46px; padding-left: 4px; text-align:left; }
.match-details .sco { width: 48px; min-width: 48px; text-align: center; }
.match-details .ply { width: 185px; }
.match-details .ply .name { width: 135px;overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }
.match-details .ply .name.right { text-align:right; }
.match-details th.sts {width: 50px;}
.match-details th.home, .match-details th.awy {width: 185px; max-width:185px;  line-height:28px;}
.match-details .team {float:left; width:174px;overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.match-details .awy .team {float: right;}
.match-details .star {float:left; width:10px;}
.match-details th.home {text-align: right;}
.match-details th.awy {text-align: left;}
.match-details th.footer { font-size: 11px; font-weight: normal; padding: 2px 5px 3px; line-height: 15px; border-bottom: solid 1px #666; height: 15px;}
.match-details th.footer iframe {vertical-align: top;}
.match-details th.footer .right {margin: 1px 0 -1px;}
.match-details th.footer a {color: #ddd!important;}
.match-details .ht th {font-weight: normal;}
.match-details .assist, .league-wc .assist {font-style: italic; color: #999}

.match-details .partials th {background: #ddd; height: 18px; padding:0; color: #000!important; font-size: 11px; font-weight: normal; display: table-cell; line-height: 18px;}
.match-details th.title {font-size: 11px; font-weight: normal; height: 18px; text-align: left; padding-left: 4px; color: #aaa}
.match-details .subs .inc {width: 190px; padding-left: 18px;overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.match-details .subs .sub-out {color: #999;}
.match-details .subs .ply {width: 190px;}
.match-details .off { color: #999; }
.match-details .menu th {height: 20px; margin-bottom: 4px;}
.match-details .menu a {color: #fc6; cursor: pointer;}

/* contact form */
.contact-form legend { display: none; }
.contact-form li { padding: 13px 4px; border-bottom: solid 1px #555; }
.contact-form input, .contact-form select { vertical-align: middle; width: 221px; }
.contact-form select { width: 225px; }
.contact-form textarea { width: 510px; height: 244px; }
.contact-form label { display: inline-block; width: 281px; text-align: right; padding-right: 10px; }
li.submit-button { text-align: center; border: 0; }
li.submit-button input { width: 86px!important; }
.contact-form fieldset { line-height: 20px; background: #333; color: #ccc; display: block; }

/* narrow site */

.narrow .contact-form label {width: 225px;}
.narrow .contact-form textarea {width: 454px;}
.narrower .content {width: 324px;}
.narrower .content .league-table, .narrower .league-wc {table-layout: fixed;}

.narrower .contact-form label {width: 125px;}
.narrower .contact-form input {width: 177px;}
.narrower .contact-form select {width: 181px;}
.narrower .contact-form textarea {width: 310px;}

/* usaf site - containers */

/* usaf site - tabs */

/* usaf site - tables */

/* usaf site - contact */
.usaf .contact-form label {width: 221px;}
.usaf .contact-form textarea {width: 450px;}
-->
</style>
